
<main>
	<Button>
    Default
  </Button>
	
	<pre class="status">Checked: {checked ? 'Yes' : 'No'}</pre>
	<FormField>
		<Checkbox bind:checked />
		<span slot="label">
			Form fields let you click the label to toggle or focus the form control.
		</span>
	</FormField>
	<!-- <h1>Hello {name}!</h1>
	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
	<button on:click={handleClick}>	Clicked {count} {count === 1 ? 'time' : 'times'}</button>
	<p>{count} doubled is {doubled}</p> -->
</main>

<script>
  import Button from '@smui/button';
	import FormField from '@smui/form-field';
  import Checkbox from '@smui/checkbox';
	let checked = false
</script>